<script setup lang="ts">
import { ref, isRef, reactive,onMounted } from 'vue';
type Person = {
  list?:Array<number>
}
let arrReact = reactive<Person>({list:[]});//

const refDom = ref(null);

const notRef = 2;

// count.value = 10;

// const isref = isRef(count);
const isNotref = isRef(notRef);
// console.log('isref', isref, isNotref);

onMounted(()=>{
        // console.log('refDom',refDom);
})
function onchange (){
        const arr = [123,2];
        arrReact.list = arr
}
</script>
<template>
        test:
{{ arrReact.list?.join(',') }}
<br/>
<button @click="onchange" ref="refDom">ref button</button>
</template>